<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class="container">
        <div class="head">
            <div class="left">
                <img src="./image/user.png" alt="">
            </div>
            <div class="title">
                <div class="h_title">Ye xinyan</div>
                <div class="b_title">Student ID: 0355096</div>
                <div class="line"></div>
            </div>
        </div>
        <div class="main_content">
            <div class="c_left">
                <div class="l_top">PROFILE</div>
                <div class="l_item">
                    <img src="./image/1.png" alt="">
                    <div>
                        <div class="h1">Personnal Address</div>
                        <div class="h2">Jalan SS 15/8a, Ss 15, 47500 <br> Subang Jaya, Selangor</div>
                    </div>
                </div>
                <div class="l_item">
                    <img src="./image/2.png" alt="">
                    <div>
                        <div class="h1">Email</div>
                        <div class="h2">Yexinyan217@gmail.com</div>
                    </div>
                </div>
                <div class="l_item">
                    <img src="./image/3.png" alt="">
                    <div>
                        <div class="h1">Mobile</div>
                        <div class="h2">102832593r</div>
                    </div>
                </div>
                <div class="l_item">
                    <img src="./image/4.png" alt="">
                    <div>
                        <div class="h1">Date of birth</div>
                        <div class="h2">17/02/2004</div>
                    </div>
                </div>
                <div class="l_top">HOBBIES</div>
                <div class="h"> - Play mobile games</div>
                <div class="h"> - Travel</div>
                <div class="l_top">LANGUAGS</div>
                <div class="h"> - English</div>
                <div class="h"> - Chinese</div>

            </div>
            <div class="c_right">
                <div class="r_top m0">
                    I am a student studying Bachelor of Design <br>
                    (Honours) in Creative Media, majoring in graphic<br>
                    design,and I am working hard to become a good<br>
                    graphic designer...
                </div>
                <div class="l_top m0">Education</div>
                <div class="edu">
                    <img src="./image/5.png" alt="">
                    <div>
                        <div>College Education <br> Taylor's University Design School, Malaysia (BDCM) <br>
                            Starting March 2022
                        </div>
                        <div class="mt10">
                            High School Education
Lin Guorong International School, Qingpu District, Shanghai,
China
September 2018-December 2021
                        </div>
                        <div class="mt10">
                            Secondary EducationJianqing Experimenta School, Changning District, Shanghai,China
September 2014-September 2017
                        </div>
                        <div class="mt10">
                            Primary EducationShicun Primary School, Changning District, Shanghai, ChinaSeptember 2010-September 2013
                        </div>
                    </div>
                </div>
                <div class="l_top m0" style="text-align: center;">SKILLS</div>
                <div class="skill">
                    <div class="s_item">
                        <img src="./image/6.png" alt="">
                        <div>Swim</div>
                    </div>
                    <div class="s_item">
                        <img src="./image/7.png" alt="">
                        <div>Latin Dance</div>
                    </div>
                    <div class="s_item">
                        <img src="./image/8.png" alt="">
                        <div>Sketch</div>
                    </div>
                </div>

            </div>
        </div>
        <div class="bottom">
            <div class="l_top m0" style="text-align: center;">PROJECT</div>
            <div class="flex_x">
                <div class="f_item">
                    <div class=" center">Typography</div>
                    <div class=" center">Design Principles                    </div>
                    <div class=" center">Digital Photography and Imaging                    </div>
                </div>
                <div class="f_item">
                    <div class=" center">Ullustration and Visual Narrative                    </div>
                    <div class=" center">Design Research Methodology                    </div>
                    <div class=" center">Video and Sound Production                    </div>
                </div>
                <div class="f_item">
                    <div class=" center">Information Design                    </div>
                    <div class=" center">Design Research Dissertation                    </div>
                    
                </div>
            </div>
            
          
        </div>
    </div>

</body>

</html>
